<template>
	<div class="vip" @click="krypton()">
		<div>
			<h3 style="font-weight: 500;color: #7b6a52">勾卡会员</h3>
			<p>开通享3万免费有声书、自动签到等特权</i>
			</p>
		</div>
		<p>立即开通<i class="el-icon-arrow-right"></i></p>
	</div>
</template>

<script>
	export default {
		name: 'MobilePersonAds',
		data() {
			return {}
		},
		methods: {
			krypton() {
				this.$router.push('/mobile/home')
			}
		}
	}
</script>

<style scoped>
	.vip {
		width: 90%;
		height: 5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(to right, #fff1d9, #ffe6b3);
		border: 0.1rem solid #f1d0a1;
		border-radius: 1rem;
		margin-top: 1rem;
		color: #c5aa83;
	}

	.vip div {
		width: 75%;
	}

	.vip p {
		color: #7b6a52;
	}

	.vip p i {
		color: #ebca9f;
		font-weight: 1000;
	}
</style>